/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) YAML core stylesheet
 * (de) YAML Basis-Stylesheet
 *
 * Don't make any changes in this file!
 * Your changes should be placed in any css-file in your own stylesheet folder.
 *
 * @copyright       Copyright 2005-2010, Dirk Jesse
 * @license         CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *                  YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link            http://www.yaml.de
 * @package         yaml
 * @version         3.3
 * @revision        $Revision: 480 $
 * @lastmodified    $Date: 2010-10-12 21:56:55 +0200 (Di, 12 Okt 2010) $
 */

@media all {
    /**
    * @section browser reset
    * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
    */

    /* (en) Global reset of paddings and margins for all HTML elements */
    /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */
    * /*{
        margin: 0;
        padding: 0;
    }*/

    /* (en) Correction:margin/padding reset caused too small select boxes. */
    /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */
    option {
        padding-left: 0.4em;
    }

    /* LTR */
    select {
        padding: 1px;
    }

    /**
    * (en) Global fix of the Italics bugs in IE 5.x and IE 6
    * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6
    *
    * @bugfix
    * @affected   IE 5.x/Win, IE6
    * @css-for    IE 5.x/Win, IE6
    * @valid      yes
    */
    * html body * {
        overflow: visible;
    }

    body {
        /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */
        /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */
        font-size: 100.01%;

        /* (en) Standard values for colors and text alignment */
        /* (de) Vorgabe der Standardfarben und Textausrichtung */
        background: #fff;
        color: #000;
        text-align: left; /* LTR */
    }

    /* (en) avoid visible outlines on DIV containers in Webkit browsers */
    /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */
    div {
        outline: 0 none;
    }

    /* (en) HTML 5 - adjusting visual formatting model to block level */
    /* (en) HTML 5 - Anpassung des visuellen Formatmodells auf Blockelemente */
    article, aside, canvas, details, figcaption, figure,
    footer, header, hgroup, menu, nav, section, summary {
        display: block;
    }

    /* (en) Clear borders for <fieldset> and <img> elements */
    /* (de) Rahmen für <fieldset> und <img> Elemente löschen */
    fieldset, img {
        border: 0 solid;
    }

    /* (en) new standard values for lists, blockquote and cite */
    /* (de) Neue Standardwerte für Listen & Zitate */
    ul, ol, dl {
        margin: 0 0 1em 1em;
    }

    /* LTR */
    li {
        line-height: 1.5em;
        margin-left: 0.8em; /* LTR */
    }

    dt {
        font-weight: bold;
    }

    dd {
        margin: 0 0 1em 0.8em;
    }

    /* LTR */

    blockquote {
        margin: 0 0 1em 0.8em;
    }

    /* LTR */

    blockquote:before, blockquote:after,
    q:before, q:after {
        content: "";
    }

    /*------------------------------------------------------------------------------------------------------*/

    /**
    * @section clearing methods
    * @see     http://yaml.de/en/documentation/basics/general.html
    */

    /* (en) clearfix method for clearing floats */
    /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */
    .clearfix:after {
        clear: both;
        content: ".";
        display: block;
        font-size: 0;
        height: 0;
        visibility: hidden;
    }

    /* (en) essential for Safari browser !! */
    /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */
    .clearfix {
        display: block;
    }

    /* (en) alternative solution to contain floats */
    /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */
    .floatbox {
        display: table;
        width: 100%;
    }

    /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
    /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */
    #ie_clearing {
        display: none;
    }

    /*------------------------------------------------------------------------------------------------------*/

    /**
    * @section hidden elements | Versteckte Elemente
    * @see     http://www.yaml.de/en/documentation/basics/skip-links.html
    *
    * (en) skip links and hidden content
    * (de) Skip-Links und versteckte Inhalte
    */

    /* (en) classes for invisible elements in the base layout */
    /* (de) Klassen für unsichtbare Elemente im Basislayout */
    .skip, .hideme, .print {
        position: absolute;
        top: -32768px;
        left: -32768px; /* LTR */
    }

    /* (en) make skip links visible when using tab navigation */
    /* (de) Skip-Links für Tab-Navigation sichtbar schalten */
    .skip:focus, .skip:active {
        position: static;
        top: 0;
        left: 0;
    }

    /* skiplinks:technical setup */
    #skiplinks {
        position: absolute;
        top: 0px;
        left: -32768px;
        z-index: 1000;
        width: 100%;
        margin: 0;
        padding: 0;
        list-style-type: none;
    }

    #skiplinks a.skip:focus,
    #skiplinks a.skip:active {
        left: 32768px;
        outline: 0 none;
        position: absolute;
        width: 100%;
    }
}

@media screen, projection {

    /**
    * @section base layout | Basis Layout
    * @see     http://www.yaml.de/en/documentation/css-components/base-stylesheet.html
    *
    * |-------------------------------|
    * | #col1   | #col3     | #col2   |
    * | 200 px  | flexible  | 200px   |
    * |-------------------------------|
    */

    #col1 {
        float: left;
        width: 20%;
    }

    #col2 {
        float: right;
        width: 20%;
    }

    #col3 {
        width: auto;
        margin: 0 20%;
    }

    /* (en) Preparation for absolute positioning within content columns */
    /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */
    #col1_content, #col2_content, #col3_content {
        position: relative;
    }

    /*------------------------------------------------------------------------------------------------------*/

    /**
    * @section subtemplates
    * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
    */
    .subcolumns {
        display: table;
        width: 100%;
        table-layout: fixed;
    }

    .subcolumns_oldgecko {
        width: 100%;
        float: left;
    }

    .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l {
        float: left;
    }

    .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
        float: right;
        margin-left: -5px;
    }

    .c20l, .c20r {
        width: 20%;
    }

    .c40l, .c40r {
        width: 40%;
    }

    .c60l, .c60r {
        width: 60%;
    }

    .c80l, .c80r {
        width: 80%;
    }

    .c25l, .c25r {
        width: 25%;
    }

    .c33l, .c33r {
        width: 33.333%;
    }

    .c50l, .c50r {
        width: 50%;
    }

    .c66l, .c66r {
        width: 66.666%;
    }

    .c75l, .c75r {
        width: 75%;
    }

    .c38l, .c38r {
        width: 38.2%;
    }

    .c62l, .c62r {
        width: 61.8%;
    }

    .subc {
        padding: 0 0.5em;
    }

    .subcl {
        padding: 0 1em 0 0;
    }

    .subcr {
        padding: 0 0 0 1em;
    }

    .equalize, .equalize .subcolumns {
        table-layout: fixed;
    }

    .equalize > div {
        display: table-cell;
        float: none;
        margin: 0;
        overflow: hidden;
        vertical-align: top;
    }
}

@media print {
    /**
    * (en) float clearing for subtemplates. Uses display:table to avoid bugs in FF & IE
    * (de) Float Clearing für Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden
    */

    .subcolumns,
    .subcolumns > div {
        overflow: visible;
        display: table;
    }

    /* (en) make .print class visible */
    /* (de) .print-Klasse sichtbar schalten */
    .print {
        position: static;
        left: 0;
    }

    /* (en) generic class to hide elements for print */
    /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */
    .noprint {
        display: none !important;
    }
}
